* {
    margin: 0;
    padding: 0;
}

.top {
    height: 100px;
    background-color: gray;
}

.top > div {
    width: 90%;
    height: 100px;
    line-height: 100px;
    margin: auto;
}

.top > div > div:first-child {
    float: left;
}

.top > div > div:nth-child(2) {
    float: right;
    display: flex;
    justify-content: space-between;
}

.left {
    width: 20%;
    height: calc(100vh - 100px);

    background-color: darkslategray;
    float: left;
}

.right {
    width: 80%;
    float: right;
}

.left {
    display: flex;
    justify-content: center;
}

.left > div > div > div:nth-child(2) {
    text-indent: 2em;
}